<div class="review_1">
    <div class="page-width">
      {% if section.settings.title != blank %}
      <div class="title-wrapper-with-link title-wrapper--self-padded-mobile{% if section.settings.title == blank %} title-wrapper-with-link--no-heading{% endif %}">
        <h2 class="title">
          {{ section.settings.title | escape }}
        </h2>
        </div>
        {% endif %}
        <div class="swiper-father">
          <div class="mySwiper swiper-container">
            <div class="tenways_review swiper-wrapper">
                {%- for block in section.blocks -%}
    
               <div class="reviewAll swiper-slide" {{ block.shopify_attributes }}>
                  <div class="review_left grid__item">
                    {%- if block.settings.title != blank -%}
                       <div class="re_title">{{ block.settings.title }}</div>
                    {%- endif -%}
                    {%- if block.settings.html != blank -%}
                       <div class="html">{{ block.settings.html }}</div>
                    {%- endif -%}
                    {%- if block.settings.richtext != blank -%}
                    <div class="richtext">{{ block.settings.richtext }}</div>
                 {%- endif -%}
                 {%- if block.settings.time != blank -%}
                    <div class="time">{{ block.settings.time }}</div>
                 {%- endif -%}
                  </div>
                  <div class="review_right grid__item">
                   <div class="right">
                    {%- if block.settings.text != blank -%}
                    <div class="text">{{ block.settings.text }}</div>
                   {%- endif -%}
    
                   {%- if block.settings.properties != blank -%}
                   <div class="rte">{{ block.settings.properties }}</div>
                {%- endif -%}
                   </div>
                   </div>
               </div>
    
               {%- endfor -%}
            </div>           
        </div>
        <div class="swiper-button-next review_n"></div>
        <div class="swiper-button-prev review_n"></div>
        <div class="swiper-pagination review_n"></div>
       
        </div>
        <hr/>
    </div>
</div>

<script>
    var swiper = new Swiper(".mySwiper", {
      slidesPerView: 1,
      spaceBetween: 30,
      observer:true,
      observeParents:true,
      pagination: {
        el: ".swiper-pagination.review_n",
        clickable: true,
      },
      navigation: {
          nextEl: ".swiper-button-next.review_n",
          prevEl: ".swiper-button-prev.review_n",
        },
    });
  </script>

{% schema %}
{
  "name": "Review 1",
  "tag": "section",
  "class": "reviews-section spaced-section spaced-section--full-width",
  "settings": [
    {
      "type": "header",
      "content": "Headding"
    },
    {
      "type": "text",
      "id": "title",
      "default":"title",
      "label": "Title"
    }
  ],
  "blocks": [
   {
    "type": "heading",
    "name": "t:sections.rich-text.blocks.heading.name",
    "settings":[
     {
        "type": "text",
        "id": "title",
        "default":"title",
        "label": "Title"
      },
      {
        "type": "html",
        "id": "html",
        "default":"html",
        "label": "Star"
      },
      {
        "type": "richtext",
        "id": "richtext",
        "default":"<p>richtext</p>",
        "label": "Description"
      },
      {
        "type": "text",
        "id": "time",
        "default":"time",
        "label": "Time"
      },
      {
        "type": "text",
        "id": "text",
        "default":"text",
        "label": "Text"
      },
      {
        "type": "richtext",
        "id": "properties",
        "default":"<p>product properties</p>",
        "label": "Product properties"
      }
     ]
   }
  ],
  "presets": [
    {
      "name": "Review 1"
    }
  ]
}
{% endschema %}